<!DOCTYPE html>
<html>
<head>
<style>
	* { margin:0; padding:0; border:0; font:12px 'Trebuchet MS'; }
	div * { background:dodgerblue; vertical-align:bottom; overflow:hidden; resize:none; }
</style>
</head>
<body>
<div style="word-spacing:30px; heidght:30px; background:wheat; ">
	<span>text</span>
	<span style="display:inline-block; width:50px;">i-block</span>
	<img src="google_small.gif" style="width:50px;" />
	<input type="text" style="width:50px;" />
	<input type="button" style="width:50px;" value="123" />
	<button style="width:50px;">123</button>
	<textarea style="width:50px;">TA</textarea>
	<select style="width:50px;"></select>
</div>
</body>
</html>